<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.xs-logo img{height:55px;}







/* 导航 */
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 10px 0;}
.header-right { font-size: 30px; }
.navbar-header{width:100%;margin:auto;float:none;background:url(../images/bj66.png) no-repeat center top;}
.navbar-full {width:100%; background:#004bbd;}
.navbar-full .collapse { margin:0 auto; width:1140px;}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;background:#fff;}
.navbar-nav { float: left; }
nav.navbar.bootsnav ul.nav &gt; li &gt; a { color: #fff; text-transform: uppercase; padding: 15px 39px; font-size:16px; font-weight:normal; }
nav.navbar.bootsnav ul.nav &gt; li:hover { background: #ff760a; }
.nav &gt; li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav &gt; li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav &gt; li.dropdown &gt; a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 15%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav &gt; li.dropdown.on &gt; a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav &gt; li.dropdown &gt; a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav &gt; li.dropdown.on &gt; a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav &gt; li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav &gt; li &gt; a { margin: 0; }
}


.nav&gt;li:before{position: absolute;display: block;content: '';width:1px;height:18px;background:rgba(255,255,255,.8);top:50%;margin-top: -9px;right:0; }
.nav&gt;li:last-child:before{display: none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu &gt; li &gt; a:hover{background:#ff760a;color:#fff;}

/* .xs-logo img {float: left;width:300px;} */
.xwa{border-left: 1px solid #dcdcdc;padding-left:15px;margin-left:15px;margin-top: 10px;color: #333;font-size: 20px;float:left;height:88px;width:460px;padding-top:10px;}
.xwa p{color: #333;font-size: 15px;float:left;width:33.33%;line-height:35px;}
.xwa p i{margin-right:5px;color:#004bbd;}
.ktel h2{font-size:14px;color:#000;margin:0;}
/* 顶部 */
.k2 {
    float: right;
  height:60px;
    background: url(../images/tel.png) 0 0px no-repeat;
    padding-left: 65px;
  font-size:14px;
}
.ktel {
    color: #333;
    font: bold 26px/24px "arial";
}
.k2 p {
    line-height: 24px;
    font-size: 25px;
}
.k2 p span{font-size:16px;margin-left:5px;}


/* 轮播 */
.ibanner .img { height: 500px; background-size: cover; background-position: center; } /* 高度 */
#uu .img { height:500px;}
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size:16px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; /* background: #ce2520; */ }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 45px; line-height:45px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 45px; line-height: 45px; font-weight: bold; font-size: 22px; color:#3481dd; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist &gt; div { margin-bottom: 10px; }
.page-plist &gt; div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 70px;height:70px; text-align: center; color:#fff; margin-right: 15px; background:#3481dd; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 14px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px;line-height: 25px; }
.page-alist .page-atit p { font-size: 13px; color: #999; margin-bottom: 0;line-height:22px; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h1 { text-align: center;font-size:25px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover{color:#ce2520;}
.page-alist .col-md-4 a:hover h5{color:#ce2520;}
.img-inner:hover{border-color:#ce2520}
.img-inner img{height:auto;}
.page-summary{display:none;}
.prodescription{display:none;}


.zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(../images_public/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  * width:100px; * height:49px;}
.zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomPup img { width:299px; height:200px;}
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }


.xinwen .container,.gywm .container,.why .container,.product_box .container {width: 70%;}

/* 关于我们 */
.gywm{margin:60px 0; }
.about { padding-right:50px;}
.about h2 { display:inline;}
.about h2 span{ font-size:60px; line-height:60px; text-transform:uppercase; color:#333333;  font-weight:bold;}
.about h2 i{ font-size:16px; color:#999;  font-style:normal;}
.about h3 { font-size:30px; line-height:3.2vw; color: #1e64bc;}
.about h3:after{ content:''; width:50px; height:4px; background: #1e64bc; display:block;}
.about .gsjj{ font-size:16px; color:#666666; line-height:30px; padding-top:30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden}

.morebtn{ line-height:53px; border:1px solid #1E64BC; border-radius:27px; width:180px; text-align:center;font-size:16px; color:#1E64BC; display:block; margin:25px 0; transition: all 0.5s ease 0s;}
.morebtn:hover{ color:#FFFFFF; background: #1E64BC;}

.video {position: relative;overflow: hidden;width:100%;margin-bottom:25px;}
.video iframe,.video object,.video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.about_nav ul li{ width:25%; text-align:center; float:left; transition:all 0.5s ease 0s; }
.about_nav ul li a{ display:block ; text-align:center;border:1px solid #eee; padding:56px 0; text-indent:49%; }
.about_nav ul li+li a{border-left:none; }
.about_nav ul li a  span{ display:block; color:#333333; font-size:24px; line-height:32px; text-align:left;}
.about_nav ul li a i{ display:block ; color:#999999;  font-size:14px;line-height:20px; text-transform:uppercase; text-align:left; font-style:normal;}

.about_nav ul li:nth-of-type(1) a{ background:url(../images/inx_3.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(2) a{ background:url(../images/inx_2.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(3) a{ background:url(../images/inx_1.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(4) a{ background:url(../images/inx_4.png) no-repeat 20% center;}

.about_nav ul li:nth-of-type(1):hover a{ background:url(../images/inx_on3.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(2):hover a{ background:url(../images/inx_on2.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(3):hover a{ background:url(../images/inx_on1.png) no-repeat 20% center;}
.about_nav ul li:nth-of-type(4):hover a{ background:url(../images/inx_on4.png) no-repeat 20% center;}
.about_nav ul li:hover{ background: #1E64BC;}
.about_nav ul li a:hover span{ color:#FFFFFF;}
.about_nav ul li a:hover i{ color:#FFFFFF; }



/* 产品中心 */
.ttt1 {
    text-align: center;
    background: url(../images/ttt1_bg.png) no-repeat center 20px;
}

.ttt1 h3 {
    font-size: 36px;
    color: #000;
    line-height: 1;
  margin:0;
}

.ttt1 p {
    display: block;
    font-size: 18px;
    color: #343434;
    padding-top: 8px;
}
.product_box{position: relative;
    background: #f4f7fe;
    padding-top: 50px;
    padding-bottom: 40px;}
.tpo{padding:0 10px;background:#ededed;border-radius:3px;height:45px;line-height:45px;font-size:18px;color:#11509b;margin-bottom:10px;}
.product_content{margin-top:25px;}
.list-unstyled{margin-bottom:15px;}
.cate_tt {
    background: #11509b;
    height: 110px;
    color: #fff
}

.cate_tt h3 {
    font-size: 31px;
    text-align: center;
    padding-top:25px;
  margin:0;
}

.cate_tt h3 span {
    display: block;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
      margin-top: 10px;
}
.sort11{
  position: relative;
    border: 1px solid #0099ff;
    border-top: none;
    border-bottom: 5px solid #0066cc;
    padding:15px ;
  padding-bottom:0;
  background:#fff;
}
.sort11 li.sy_layer {
    line-height: 35px;
    margin-bottom: 3px;
  border-bottom: 1px dashed #cfcfcf;
  padding-left:0px;
}
.ghj{padding-left:15px;}
.sort11 li a {
    display: block;
    font-size: 15px;
    color: #333333;
  padding:0;
    
 background:none;
}
.tpo a{background:url(../images/tb.png) no-repeat center right !important;background-size:20px !important;}
#uu{line-height:28px;padding-left:25px;border-bottom: 1px dashed #cfcfcf;margin-bottom:5px;}
.pro_nav li a:hover{background:none;color:#910800;}
.pro_list .pro_img{background:#fff;padding:0; border:0;border-bottom:1px solid #ececec;height:258px;}
.pro_list .pro_img img{transition: 0.6s;/* height:auto; */}
.pro_list li a{display:block;background:#fff;border:1px solid #ececec;}
.pro_list li p{height:45px;line-height:45px;margin:0;font-weight:bold;}
.pro_list li:hover  img {transform: scale(1.1);}
.pro_list .pro_img:hover{border-color:#ececec;}
.cp_sm{height:100px;padding:15px; border:1px solid #0066cc; margin-bottom:25px;font-size:16px;line-height:32px;}
.p-5{padding:0 5px;}


/* 我们能做什么 */
.why{padding:65px 0;background:url(../images/bj3.jpg) no-repeat center center;height:750px;}
.nav-tabs{padding-left:25px;border:0;}
.nav-tabs&gt;li{float:initial;border-bottom:1px solid rgba(255,255,255,0.8);   position: relative;}
.nav-tabs&gt;li&gt;a{font-size:24px;color: #fff;font-weight: 700;line-height:80px;display:block;width:100%;height:80px; }
.nav-tabs&gt;li.active:before{position: absolute;display: block;content: '';width:8px;height:34px;background:#fff;top:50%;margin-top: -17px;left:-40px; }
.nav-tabs&gt;li.active&gt;a{background:none;color:#fff;border:0;}
.nav-tabs&gt;li&gt;a:hover{border:0;border-bottom:1px solid rgba(255,255,255,0.8);} 
.nav-tabs&gt;li.active&gt;a, .nav-tabs&gt;li.active&gt;a:focus, .nav-tabs&gt;li.active&gt;a:hover{background:none;border:0;color:#fff;}
.tab-content&gt;.tab-pane{width:500px;height:600px;background:#000;overflow:hidden;margin-left:65px;}
.why_bt{color:#fff;font-size:25px;margin-bottom:45px;}
.why_bt h2{font-size:38px;margin:0;}






/* 新闻中心 */
.xinwen{padding:60px 0;    background: #F5F5F5;}
.index_news_l{ height:35.9vw; padding:80px 50px 0 40px; background: url(../images/bj1.jpg) no-repeat top left; height:640px; }
.index_news_l h2 span{ font-size:3.125vw; line-height:60px; text-transform:uppercase; color:#fff;  font-weight:bold;}
.index_news_l h2 i{ font-size:16px; color:#fff; font-style:normal;}
.index_news_l h2:after{ content:''; width:50px; height:4px; background: #fff; display:block;margin-top:30px; margin-bottom:40px;}
.index_news_l p{ color:#FFFFFF; font-size:14px;}
.morenews{ display:block ; width:60px;height:60px; border:1px solid #FFFFFF; margin-top:77px; transition:all 1s ease 0s;}
.morenews:after{ content:''; width:30px; height:1px; display: block; background: #FFFFFF; position:relative; left:15px;transition:all 1s ease 0s;}
.morenews:before{ content:''; width:1px; height:30px; display: block; background: #FFFFFF; position:relative; left:50%; top:15px;transition:all 1s ease 0s;}
.morenews:hover::after {background: #1E64BC;}
.morenews:hover::before {background: #1E64BC;}
.morenews:hover {background: #fff;}
.news_date_box{height:120px;overflow:hidden;}
.news_3 li{background:#fff;margin:0 0 21px;padding:10px;}
.news_3{padding:0;}
.news_3 a{font-size:16px;}
.news_3 a:hover{color:#f00;}
.news_3 p{font-size:14px;}

/* 案例 */
.anli{background:url(../images/bj2.jpg)no-repeat center center;padding:80px 0;text-align:center;color:#fff;}
.anli .morenews{margin:0 auto;}
.anli h3{font-size:25px;margin:15px 0 25px;}
.anli h2{font-size:35px;}
.anli p{font-size:16px;margin:15px 0;}

/* 页尾 */
.foot_wap{background: #2e2e2e;}
.f_phone {
    position: relative;
    margin-top: 15px;
    background: url(../images/foot_phone.png) no-repeat left top;
    padding-left: 50px;
    font-size: 13px;
    color: #a8a6a6;
  margin-bottom:20px;
}

.nav_foot {
    text-align: left;
    line-height: 30px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #6d6d6d;
  margin-top:15px;
}
.nav_foot a {
    color: #fff;
    display: inline-block;
    margin-right:30px;
    font-size: 14px;
}
.lx_fs{margin:15px 0;width:80%;float:left}
.lx_fs p{display:block;height:30px;line-height:30px;color:#a8a6a6;float:left;width:50%;font-size:14px;}
.lx_fs i{margin-right:10px;}
.s10{font-size:10px;margin:0 5px;}

.ewm{float:right;height:100px;line-height:100px;font-size:12px;color:#fff;margin:15px 0;}
.ewm img{height:100px;}


footer { background: #333; color: #ccc; }
footer a { color: #ccc; }
.nav_foot a:hover{color:#f00;}
.footer-copyright { padding: 15px; }
footer a:hover{color:#f00;}





/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }

@media (min-width: 1200px) {
	.mobile-footer { display: none; }
}
.app{display:none;}


@media (min-width: 992px) and (max-width: 1024px){
  .xinwen .container, .gywm .container, .why .container, .product_box .container{width:100%;}
  .cp_sm{line-height:28px;font-size:15px;}
  .navbar-full .collapse,.navbar-pull-all{width:100%;}
  nav.navbar.bootsnav ul.nav &gt; li &gt; a{padding: 15px 32px;}
  .about_nav ul li{width:50%;}
}
@media (max-width: 1600px){
  .xinwen .container, .gywm .container, .why .container, .product_box .container{width:auto;}
}
@media (max-width: 1200px){
 .xinwen .container, .gywm .container, .why .container, .product_box .container{width:auto;}
}

@media (max-width: 992px){
    body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav &gt; li &gt; a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right &gt; .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
   .app{display:block;}
  .pc{display:none;}
  
  .product_box{padding-top:30px;}
  .product_content{margin-top:0;}
  .product_box .bt{margin-bottom:10px;}
  .pro_list .pro_img{height:130px;}
  
  .xinwen .container, .gywm .container, .why .container, .product_box .container{width:100%;}
  
  .bt{text-align:center;margin-bottom:15px;}  
  .bt h2{margin:0 0 5px;font-size:30px;}
  .bt p{font-size:15px;line-height:24px;}
  .xinwen{padding:40px 0;}
  .more{display:block;height:45px;line-height:45px;width:150px;text-align:center;background:#004bbd;color:#fff;font-size:15px;margin:0 auto;transition:.6s;}
.more:hover{color:#fff;text-indent:20px;background:#c50011;}

  
  .pro_list li p{display: block;
    text-overflow: ellipsis; 
    overflow: hidden;
    white-space:nowrap; }
  .ert{margin-bottom:15px;}
  .ert a{font-size:16px; display:block;width:32.33%;float:left;background:#1f7aea;height:40px;line-height:40px;text-align:center;margin-bottom:2px;margin-right:1%;color:#fff;}
  
  .gywm{margin:30px 0;}
  .about h2 span{    font-size: 30px;
    line-height: 55px;}
  .about{padding:0;}
  .about h3{    font-size: 23px;line-height:45px;margin:0;}
  .about_nav ul li{width:50%;}
  .about_nav ul li{background-size:50px;}
  .about_nav ul li a span{text-align:center;font-size:18px;}
  .about_nav ul li a i{text-align:center;font-size:10px;}
  .about_nav ul li a{text-indent:0;text-align:center;padding-top:120px;padding-bottom:15px;}
   .about_nav ul li:nth-of-type(1) a,.about_nav ul li:nth-of-type(1) a{background-position:center 15px;}
  .about_nav ul li:nth-of-type(2) a,.about_nav ul li:nth-of-type(2) a{background-position:center 15px;}
    .about_nav ul li:nth-of-type(3) a,.about_nav ul li:nth-of-type(3) a{background-position:center 15px;}
.about_nav ul li:nth-of-type(4) a,.about_nav ul li:nth-of-type(4) a{background-position:center 15px;}
  .about_nav ul li+li a{border-left:1px solid #eee;}
  
  
  .why{height:auto;background-position:0 0;padding:40px 0;}
  .tab-content&gt;.tab-pane{width:100%;height:350px;margin:15px 0;overflow:hidden;text-align:center;background:none;}
  .nav-tabs&gt;li&gt;a{font-size: 18px;    height: 50px;    line-height: 50px;}
  .nav-tabs&gt;li{width:45%;float:left;margin-right:5%;}
  .tab-content{clear:both;}
  .nav-tabs&gt;li.active:before{    left: -17px;}
  .news_3 li{margin-bottom:10px;}
  .tab-content&gt;.tab-pane img{height:100%;}
  
  .anli{padding:45px 0;}
  .anli h2{margin:0;font-size:30px;}
  
   footer {background: #004bbd;color: #fff;margin-bottom:50px;}
  .nav_foot{display:none;}
  .lx_fs{width:100%;}
  .lx_fs p{width:100%;height:auto;line-height:25px;color:#fff;}
  .ewm{display:none;}
  
   .product_detail .img{left:0;width:100%;overflow:hidden;}
  .page-alist .page-atit p{    height: 4rem;}
  
  
  
  .morebtn{line-height:40px;}
  
    .product_detail .img{left:0;width:100%;overflow:hidden;}
  .page-alist .page-atit p{    height: 4rem;line-height:22px;}
  
  
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 80%; padding-top: 0; height: 50px; margin: 5px 0 0 15px; }
	.navbar-pull-all .xs-logo img { height: 40px; }
	nav.navbar.bootsnav ul.nav &gt; li &gt; a { color:#000}
   nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu &gt; li &gt; a{padding-left:25px;    background: #fff;}
  nav.navbar.bootsnav ul.nav &gt; li:hover &gt; a{color:#333;}
  .nav&gt;li:before{display:none;}
	/* 轮播 */
	.ibanner .img { height: 130px; }
  #uu .img{ height: 180px; }
    .ibanner .swiper-pagination-bullet{width:10px;height:10px;}
  .ibanner .swiper-pagination{bottom:10px;}
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
}</pre></body></html>